<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>6-颜色相关</title>
    <style>
        p{
            /* 英文标识 */
            color: red;
        }
        div{
            color: rgb(249, 44, 10);
        }
        footer{
            /* 十六进制 */
            color: #f92c0a;
        }
        header{
            /* alpha透明度 0-1 1没有透明度*/
            color: rgba(249,44,10,.5);
        }
        aside{
            width: 200px;
            height:200px;
            /* 背景色设置 */
            background-color: red;
            background-color: rgb(10,230,190);
            background-color: rgba(0,0, 0,.7);
            background-color: #f60;
            /* 背景色简写设置 */
            background: #f36;
        }
    </style>
</head>
<body>
    <!-- 
        颜色相关:
            红red绿green蓝blue三原色
            取值: 
                1) 英文标识 red blue orange black...
                2) rgb颜色
                3) 十六进制 #开头
                4) raga颜色+透明度
        设置的属性:
            文本颜色: color
            背景颜色: background-color/background
     -->
    <p>百度</p>
    <div>新浪</div>
    <footer>抖音</footer>
    <header>快手</header>
    <aside>凤凰网</aside>
</body>
</html>